<template>
  <div v-if="!item.hidden">
    <template v-if='hasOneShowingChild(item.children, item)'>

    </template>
  </div>
</template>

<script>
export default {
  name: 'SideBarItem',
  props: {
    item: {
      type: Object,
      require: true
    }
  },
  data() {
    return {

    }
  },
  mounted() {
    console.log('mounted')
  },
  methods: {
    hasOneShowingChild(children = [], parent) {
      console.log('chidlren', children, parent)
    }
  }
}
</script>
